<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <title>商品管理-出售中商品</title>
    <link href="../css/main.css" rel="stylesheet">
    <link href="../css/laydate.css" rel="stylesheet">
    <link href="../css/laydate1.css" rel="stylesheet">
</head>

<body>
    <!-- 顶部 -->
    <div class="main_head">
        <div class="wid1225">
            <a href="#">设置</a><a href="#" class="out">退出</a>
        </div>
    </div>
    <!-- 顶部 -->
    <!-- 内容部分 -->
    <div class="wid1225 clear">
        <!-- 左侧菜单栏 -->
        <div class="tabs fl">
            <dl>
                <dt class="tabs_dt1">商品管理</dt>
                <dd><a href="main1.html">发布商品</a></dd>
                <dd class="active"><a href="javascript:void(0)">出售中商品</a></dd>
                <dd><a href="main3.html">已下架商品</a></dd>
                <dd><a href="main4.html">商品补仓</a></dd>
                <dd><a href="main41.html">类别管理</a></dd>
                <dt class="tabs_dt2">订单管理</dt>
                <dd><a href="main5.html">待发货订单</a></dd>
                <dd><a href="main6.html">待收货订单</a></dd>
                <dd><a href="main7.html">退款/售后</a></dd>
                <dd><a href="main8.html">订单记录</a></dd>
                <dt class="tabs_dt3">物流管理</dt>
                <dd><a href="main9.html">运费管理</a></dd>
                <dd><a href="main10.html">地址管理</a></dd>
                <dt class="tabs_dt4">交易管理</dt>
                <dd><a href="main11.html">交易记录</a></dd>
                <dd><a href="main12.html">总交易额</a></dd>
                <dt class="tabs_dt5"><a href="manage.html">店铺管理</a></dt>
                <dt class="tabs_dt6">客服管理</dt>
                <dd><a href="main13.html">客服管理</a></dd>
                <dd><a href="main14.html">问题反馈</a></dd>
                <dd><a href="main15.html">建议反馈</a></dd>
                <dt class="tabs_dt7"><a href="news.html">消息通知</a></dt>
                <dt class="tabs_dt8"><a href="compete.html">广告竞价</a></dt>
                <dt class="tabs_dt9">建议/反馈</dt>
                <dd><a href="main16.html">问题反馈</a></dd>
                <dt class="tabs_dt10">问题设置</dt>
                <dd><a href="main17.html">问题类别</a></dd>
                <dd><a href="main18.html">问题内容</a></dd>
                <dt class="tabs_dt11">管理设置</dt>
                <dd><a href="main19.html">用户设置</a></dd>
                <dd><a href="main20.html">角色权限</a></dd>
                <dd><a href="main21.html">功能模块</a></dd>
                <dd><a href="main22.html">社区信息</a></dd>
                <dt class="tabs_dt12">账号管理</dt>
                <dd><a href="main23.html">账号绑定</a></dd>
            </dl>
        </div>
        <!-- 左侧菜单栏 -->

        <!-- 右侧内容 -->
        <div class="content_right fl">
            <!-- 面包屑 -->
            <div class="bread">
                <ul>
                    <li class="bread_first">当前位置</li>
                    <li>商品管理</li>
                    <li>已上架商品</li>
                </ul>
            </div>
            <!-- 面包屑 -->
            <!-- 主体内容 -->
            <div class="content">
                <div class="content_main">
                    <!-- 输入框 -->
                    <div class="wid1100_input">
                        <ul class="wid85 clear">
                            <li><span>商品编号：</span><input type="text"></li>
                            <li><span>上架时间：</span><input type="text" id="J-xl"></li>
                            <li><span>关键词：</span><input type="text"></li>
                        </ul>
                        <input type="button" name="" class="search" value="搜&nbsp;&nbsp;&nbsp;&nbsp;索">
                    </div>
                    <!-- 输入框 -->
                    <!-- 全选 -->
                    <div class="wid1100_bar">
                        <label><input type="checkbox" name="" value="0"><span>&nbsp;&nbsp;&nbsp;&nbsp;全选</span></label><input type="button" value="下架">
                    </div>
                    <!-- 全选 -->
                    <!-- 单个方框 -->
                    <dl class="longdl">
                        <dt>
                            <input type="checkbox" name="checkbox">
                            <span>商品编号：128376283428</span>
                        </dt>
                        <dd>
                            <img src="../img/5A8D4977-2008-4B90-9303-914E54E48B59.gif">
                            <ul class="clear">
                                <li class="thename1">我是五个字我是五个字我是五个字我是五个字</li>
                                <li>￥3.8</li>
                                <li>库存数量：300万</li>
                            </ul>
                            <input type="button" name="" value="修改" class="change">
                        </dd>
                    </dl>
                    <dl class="longdl">
                        <dt>
                            <input type="checkbox" name="checkbox">
                            <span>商品编号：128376283428</span>
                        </dt>
                        <dd>
                            <img src="../img/6adc108fgw1f7ah2zsy14g209q09qqv8.gif">
                            <ul class="clear">
                                <li class="thename1">我是五个字我是五个字我是五个字我是五个字</li>
                                <li>￥3.8</li>
                                <li>库存数量：300万</li>
                            </ul>
                            <input type="button" name="" value="修改" class="change">
                        </dd>
                    </dl>
                    <dl class="longdl">
                        <dt>
                            <input type="checkbox" name="checkbox">
                            <span>商品编号：128376283428</span>
                        </dt>
                        <dd>
                            <img src="../img/6adc108fgw1f79bq7z7pmg208c07gauu.gif">
                            <ul class="clear">
                                <li class="thename1">我是五个字我是五个字我是五个字我是五个字</li>
                                <li>￥3.8</li>
                                <li>库存数量：300万</li>
                            </ul>
                            <input type="button" name="" value="修改" class="change">
                        </dd>
                    </dl>
                    <!-- 单个方框 -->
                    <!-- 翻页 -->
                    <div class="pages">
                        <span class="sumhis">共777条记录</span>
                        <input type="button" name="" class="pages_pre">
                        <ul class="clear">
                            <li><a href="javascript:void(0)">1</a></li>
                            <li><a href="javascript:void(0)" class="page_active">2</a></li>
                            <li><a href="javascript:void(0)">3</a></li>
                            <li><a href="javascript:void(0)">4</a></li>
                            <li><a href="javascript:void(0)">5</a></li>
                        </ul>
                        <input type="button" name="" class="pages_next">
                        <span class="sumpage">共5页</span>
                    </div>
                    <!-- 翻页 -->
                </div>
            </div>
            <!-- 主体内容 -->
        </div>
        <!-- 右侧内容 -->
    </div>
    <!-- 内容部分 -->
    <script src="../js/jquery.min.js?v=2.1.4"></script>
    <!-- 日期 -->
    <script type="text/javascript" src="../js/laydate.dev.js"></script>
    <!-- 日期 -->
    <!-- 日期 -->
    <script type="text/javascript">
        laydate({
            elem: '#J-xl'
        });
        
    </script>
    <script type="text/javascript">
        // 复选框，点击全选，点下面的栏目后取消全选，功能实现
        $(".wid1100_bar input[type=checkbox]").click(function () {
            if ($(this).val()==0) {
                $(".longdl input[type=checkbox]").prop('checked', true);
                $(this).attr('value', '1');
                $(".longdl input[type=checkbox]").click(function () {
                    $(".longdl input[type=checkbox]").each(function () {
                        // 这里的this指的是上面each中的那个input
                        if ($(this).is(':checked')) {}else{
                            $(".wid1100_bar input[type=checkbox]").attr('value', '0');
                            $(".wid1100_bar input[type=checkbox]").removeAttr('checked', null);
                        }
                    })
                })
                
            }else{
                $(".longdl input[type=checkbox]").removeAttr('checked',null)
                $(this).attr('value', '0');
            }
        })
    </script>
</body>

</html>
